/* 
    Document   : default
    Created on : Feb 20, 2012, 5:44:16 PM
    Author     : finpup
    Description:
        Purpose of the stylesheet follows.
*/

/*******RESET******************************************************************/

*{
    margin: 0px;
    padding: 0px;
}   

body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img, object{
    border: 0px;
}

a{
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

ul{
    list-style-type: none;
}

body {
    background: #eee;
}

.clear {
    clear: both;
}




/*******WRAPPER****************************************************************/

.wrapper {
    width: 80%;
    height: 1000px;
    margin: 0 auto;
    background: #ddd;
}




/*******HEADER*****************************************************************/

.header{
    position: relative;
    width: 100%;
    height: 95px;
}

.nav_bar {
    float: left;
    width: 90%;
    height: 60px;
    margin: 3em 5%;
    background: #999;
}

.logo {
    float: left;
    width: 25%;
    height: 40px;
    margin: .7em 1.0em;
}

.logo_text {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5em;
}

.nav {
    float: left;
    width: 65%;
    height: 40px;
    margin: 10px;
}

.nav ul {
    float: right;
    margin: 1.6em;
    color: #fff;
    text-decoration: none;
}

.nav ul li {
    float: left;
    padding: 0 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    border-right: 2px solid #ccc;
    cursor: pointer;
}

.login_bar {
    position: absolute;
    width: 40%;
    height: 25px;
    top: 1em;
    right: 1%;
    color: #777;
    font-size: .9em;
    font-family: Arial, Helvetica, sans-serif;
}


/*******MAIN_CONTENT***********************************************************/

.psalm_selector{
    width: 90%;
    margin: 0 5%;
}

#psalm_selector_title{
    margin: 1em 2.3em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}

 input[type="range"]{
   float: left;
   width: 85%;
   margin: .5em 2em 0 4em;
 }
 
 #psalm_slider_output {
     float: left;
     margin: 0;
     padding: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;
 }
 
 .price{
     float: left;
     width: 49%;
     border: 1px solid red;
 }
 
 .comp_type{
     float: left;
     width: 49%;
     border: 1px solid blue;
 }
 
 .genre{
     float: left;
     width: 50%;
 }

/*******FOOTER*****************************************************************/